<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>


<body>
    <!-- 参 -->
    <button onclick="a('关','羽','云长')">武圣</button>
    <button onclick="a('刘','备','玄德')">贤德</button>
<!-- 积 -->
<p id="demo"></p>
<!-- 乘积 -->
<input id="demo2" type="text">
<input id="demo3" type="text">
<br>
<br>

<button onclick="b()">两数积</button>
<p id="demo1"></p>
<!-- 全局变量在任何脚本和函数内均可访问 -->
<p id="demo4">全局变量在任何脚本和函数内均可访问。</p>

<!-- 在 HTML 中, 所有全局变量都会成为 window 变量。 -->
<p id="demo5">全局变量在任何脚本和函数内均可访问。</p>
<!-- 时间 -->
<p id="demo6"></p>
<button onclick="e()">显示日期和时间</button>
<!-- 索引位置的字符 -->
<p id="demo7">索引位置的字符索引位置的字符</p>
<!-- 字符串 -->
<p id="demo8">例子</p>
<button onclick="f()">字符串</button>
<!-- 字符串长度 -->
<p id="demo9">字符串长度：</p>
<p id="demo10"></p>
<button onclick="g()">字符串长度：</button>
<!-- 字符串可以是对象 -->
<p id="demo11"><strong>字符串</strong></p>
<button onclick="h()">字符串</button>





<script>
            // 参
            function a(a,b,c){
            alert("姓："+a +"- -"+"名："+b +"- -"+"字："+c);
        }

// 积
document.getElementById("demo").innerHTML = 5 * 6;
// 乘积
function b(){
    var x = document.getElementById("demo2").value;
var y = document.getElementById("demo3").value;
var z = x * y;
document.getElementById("demo1").innerHTML = z;
}


// 全局变量在任何脚本和函数内均可访问
var carname="bubu";
c ();
function c(){
    document.getElementById("demo4").innerHTML = "嘿嘿"+carname;
}

// 在 HTML 中, 所有全局变量都会成为 window 变量。
d();
document.getElementById("demo5").innerHTML = "嘿嘿"+window.carname;
function d(){
    carname="bubu";
}
// 时间
function e(){
    document.getElementById("demo6").innerHTML = Date();
}

// 索引位置的字符
const qq="IKUN";
let ww =qq[3];
document.getElementById("demo7").innerHTML = ww;

// 字符串
function f(){
    var x ='It\'s a string';
    var y ="It is a \"string\"";
    document.getElementById("demo8").innerHTML = x+"<br>"+y;
}

function g(){
    var txt = "I am a string";
    document.getElementById("demo9").innerHTML = txt.length;
    var txt1 = "gdfgfjfhhdfhfdgfdhfdfh";
    document.getElementById("demo10").innerHTML = txt1.length;
}

function h(){
    var x="john"
    var y = new String("john");
    document.getElementById("demo11").innerHTML = typeof x+"<br>"+typeof y;
}





</script>


    
</body>
</html>